<template>
    <a-card
        v-bind="$attrs"
        :bordered="false"
        class="form-card"
        :header-style="{ borderBottom: 'none', padding: '20px 20px 0 20px' }"
        :body-style="{ padding: '20px' }"
    >
        <template v-for="(_val, name) in $slots" #[name]="slotData">
            <slot :name="name" v-bind="slotData || {}" />
        </template>
    </a-card>
</template>

<style scoped lang="less">
.form-card {
    border-radius: var(--border-radius-medium);
    margin: 0 20px 20px 20px;

    &:first-of-type {
        margin-top: 20px;
    }
}
</style>
